@charset "utf-8";
	
/*******  公用样式  **********/
.bk1{ border:#999 solid 1px; height:50px;}

	
/*******  页面修正补充样式 **********/
.th-homepage-3 .header-top-area{border-bottom:#e2e2e2 solid 0px;}
.main-menu ul li ul.submenu li:hover{ background:#101010}
.main-menu ul li a{ padding:20px 0; font-size:1.2em;}
.th-homepage-3 .main-menu ul li a:hover,
.main-menu ul li a:hover{ color:#FFF;}
.main-menu ul li ul.submenu{ width:300px;}
.main-menu ul li ul.submenu li a{font-size:1em;line-height:40px; }
.single-slider:before{ background:rgba(0, 0, 0, 0)}
.header-bottom-area1{background:rgba(0, 123, 255, .8)}
.header-bottom-area1{background:rgba(0, 0, 0, .5)}
.about-video .video-play-icon{background-image:none}

.single-slider {	clip-path:none;	-webkit-clip-path:none;	background-position: center bottom;}

.social-icon ul li a{ width:45px; height:45px;}
.social-icon ul li a i{ }
.section-padding{ padding-top:50px;}
.bg-size-cover{ height:250px;}
.th-homepage-3 .main-menu ul li a:hover   .main-menu ul li ul.submenu li >a{ color:#fff}
.th-homepage-3 .main-menu ul li:hover>a{color:#fff}
/*******  公司简介样式 jj01 **********/
.jj01{ padding:30px 0;}
.jj01 img{}
.jj01 .pull-left{ margin:60px 0 20px 0; padding:15px;}
.jj01 h1{ padding-top:50px; color:rgba(67, 81, 104, 0.2); font-size:36px; text-transform:uppercase; }
.jj01 h2{ font-size:28px; line-height:1.5; color:rgba(67, 81, 104, 1); padding-bottom:20px;}
.jj01 p{ font-size:16px;line-height:2; color:rgba(67, 81, 104, 0.6); text-indent:2em; margin-bottom:60px;}
.jj01 a{}

/*******  新闻列表样式  keky-news01 **********/
.keky-nlist01{}

.keky-nlist01 li{ border-bottom:#ccc dotted 1px; line-height:3em; height:3em; }
.keky-nlist01 li:hover{ background:#f5f5f5; }
.keky-nlist01 li a{ display:inline-block; float:left; width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:1em; color:#333; }
.keky-nlist01 li a:hover{ color:#007bff;}
.keky-nlist01 li span{ display:inline-block; float:right;}


.portfolio-wrapper {	}


	
/*******  新闻样式  keky-news01 **********/
.keky-news01{}
.keky-news01 .tab-content{ padding-top:40px; }

.service-description{ margin:40px auto;}

.nav-link{ margin:0 10px;}
.tab-pane{}




.keky-advert {}
.bd img{ width:100%; height:auto }
/*******  新闻样式  keky-news02 **********/


.newsCenterPanel_inner .newContentBox{float: left; width:100%; height: 138px; text-align: left; vertical-align: top; position: relative}
.newsCenterPanel_inner .newContentBox.odd{margin-right: 100px}
.newsCenterPanel_inner .newContentBox a{cursor: pointer}
.newsCenterPanel_inner .newContentBox .newTitle{float: left; line-height: 44px; height: 50px; font-size: 16px; color: #333; width:80%; white-space: nowrap; word-break: normal; overflow: hidden; text-overflow: ellipsis;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newsCenterPanel_inner .newContentBox .newTitle:hover{ font-weight:bold; color:#4a68ec;}
.newsCenterPanel_inner .newContentBox a:hover .newTitleIcon{background-color: #4a68ec}
.newsCenterPanel_inner .newContentBox .newTitleIcon{width: 19px; height: 19px; background: url(../images/plus.png) center no-repeat; background-color: #a6a6a6; position: absolute; right: 0; top: 14px}
.newsCenterPanel_inner .newContentBox .border{position: absolute; left: 87px; top: 44px; width: 21px; border-top: 1px solid #4a68ec}
.newsCenterPanel_inner .newContentBox .newContent{float: left; height: 50px; width:80%; font-size: 14px; line-height: 28px; color: #b0b0b0; margin-bottom: 50px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box;}
.newContentBox .time{width: 60px; height: 60px; border: 1px solid #4a68ec; background: #fff; text-align: center; margin-right: 30px; margin-top: 14px; float: left}
.newContentBox .time .day{font-size: 20px; color: #4c67e8; padding: 6px 0 0 0}
.newContentBox .time .ym{font-size:0.8rem; color: #b3b9f5}
.newContentBox a:hover .time{background: #4a68ec}
.newContentBox a:hover .day{color: #fff}
.newContentBox a:hover .ym{color: #b5bcf3}


/*******  图片切换效果 **********/
#foucsBox {
	margin: 0 auto;
	padding: 0;
	width: 680px;
	height: 380px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
#foucsBox .imgCon {
	width: 680px;
	height: 380px;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}
#foucsBox .imgCon li {
	float: left;
	width: 680px;
	height: 380px;
}
#foucsBox .imgCon li img {
	border: 0;
}
#foucsBox .imgCon li .imgTitle {
	width: 680px;
	position: absolute;
	bottom: 35px;
	text-align: center;
	z-index: 2;
}
#foucsBox .imgCon li .imgTitle a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-family: "思源柔黑体","思源黑体","微软雅黑";"Microsoft Yahei", "黑体";
	font-weight: normal;
	font-size: 18px;
	zoom: 1;
}
#foucsBox .showPage {
	width: 680px;
	height: 70px;
	position: absolute;
	bottom: 0;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 1;
}
#foucsBox .foucs {
	width: 680px;
	height: 22px;
	position: absolute;
	bottom: 3px;
	text-align: center;
	z-index: 3;
}
#foucsBox .foucs span {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 5px;
	line-height: 0;
	font-size: 0;
	background:url(../images/bg.png) -160px -90px no-repeat;
	cursor: pointer;
	overflow: hidden;
}
#foucsBox .foucs span.f {
	background: url(../images/bg.png) -170px -90px no-repeat;
}
#foucsBox .foucsButton {
	width: 40px;
	height:auto;
	padding: 7px;
	margin-top: -70px;
	position: relative;
	z-index: 4;
}
#foucsBox .foucsButton span {
	display: inline;
	width: 23px;
	height: 45px;
	margin: 7px 5px 0;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/bg.png) 0 0 no-repeat;
}
#foucsBox .foucsButton img {
	display: none;
	cursor: pointer;
	border-width: 0px;
	vertical-align: middle;
	width: 100px;
	height: 56px;
}
#foucsBox .lBtn {
	float: left;
}
#foucsBox .lBtn span {
	float: left;
	background-position: 0 -90px;
}
#foucsBox .rBtn {
	float: right;
}
#foucsBox .rBtn span {
	float: right;
	background-position: -30px -90px;
}
#foucsBox .btnHover {
	width: 146px;
	overflow: hidden;
}
#foucsBox .btnHover img {
	display: inline;
}

/*******  图片切换效果 **********/

.keky-gsjj01{ padding:40px 0;}
.keky-gsjj01 img{}
.keky-gsjj01 .pull-left{ margin:60px 0 20px 0; padding:15px;}
.keky-gsjj01 h1{ padding-top:100px; color:rgba(67, 81, 104, 0.2); font-size:3em; text-transform:uppercase; font-family:'Poppins', sans-serif; }
.keky-gsjj01 h2{ font-size:1.5em; font-weight:bold; line-height:1.5; color:rgba(67, 81, 104, 1); padding-bottom:20px;}
.keky-gsjj01 p{ font-size:1em;line-height:2; color:rgba(67, 81, 104, 0.6); text-indent:2em; margin-bottom:60px;}


.kekyTitle01 h1{padding-top:20px; color:rgba(67, 81, 104, 0.2); font-size:2em; text-transform:uppercase; font-family:'Poppins', sans-serif; text-align:center; width:100%; }
.kekyTitle01 h2{font-size:1.5em; font-weight:bold; line-height:1.5; color:rgba(67, 81, 104, 1); padding-bottom:20px; text-align:center; width:100%;}



/* 快捷导航 */
.links{
    width:100%;
    background-color:#1d63c2;
    height:100px;
    padding-top:30px;
}
.links .wrap{
    width:70%;
}
.links .list{
    position:relative;
    float:left;
    width:20%;
    background-image:url(../images/trg.png);
    background-repeat: no-repeat;
    background-position:80% center;
}
.links .list h1{
    font-size:16px;
    width:80%;
    margin:0 auto;
    box-sizing: border-box;
    border:1px solid #fff;
    color:#fff;
    text-align: center;
    line-height:40px;
    background-image:url(../img/xl.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.links .list ul{
z-index: 99;
    display:none;
    position:absolute;
    bottom:40px;
    background-color:#f2f2f2;
    width:136%;
    border:1px solid #dedede;
    border-radius:4px;
    left:10%;
}
.links .iist ul{
}
.links .list ul li a{
    display: block;
    color:#333;
   width:100%;
    text-align:center;
    line-height:40px;
    border-bottom:1px solid #dedede;
}
.links .list ul li a:hover{
    color:#004098;
}


.footer{
    width:100%;
    background-color:#1765af;
    overflow:hidden;
}

.footer p{
    font-size:14px;
    color:#fff;
    line-height:23px;
    text-align:center;
}



/* 内页框架 */
.listTit{border-bottom:#ccc solid 1px;}
.breadcrumb_title h1 {	font-size:24px;	color: #333;	font-weight: 900; text-indent:1em;}


.listMap{ text-align:left; float:right;}
.listMap li{ display:inline-block; float:left;}
.listMap a{ color:#333}
.listMap a:hover{ color:#0083ff}

.dany{}

.views{ border-bottom:#eee dashed 1px; padding-bottom:50px;}
.page{border-bottom:#eee dashed 1px; padding:20px 0; text-align:right }
.page a{ display:block; color:#555; line-height:35px;}
.page a:hover{ color:#0083ff;}




.search .p-tit{border-bottom:1px solid #ebebeb; margin-bottom:20px;}
.search .p-tit h2.pos{
    font-size:20px;
    color:#545454;
    font-weight:normal;
}
.search  .p-tit h2.pos a{
    color:#2679d5;
}
.search .new-list h3 span{
    color:#2679d5;
}
.search .new-list li{
    height:110px;
	margin-bottom:20px;
}
/*新闻*/
.new-list{margin-top:30px; margin-bottom: 15px;}
.new-list li{height:160px;padding:10px 20px;border-top:1px solid #fff;border-bottom:1px solid #ebebeb}
.new-list li:hover{background:#f2f2f2;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.new-list li:hover h3{color:#2d66d9}
.new-list li:hover .more{color:#2d66d9;border:1px solid #2d66d9}
.new-list li>*{float:left}
.new-list .f-imgfd-img{width:220px;height:100%;margin-right:30px;overflow:hidden}
.new-list .f-imgfd-img img{width:100%; height: 100%;}
.new-list li .f-imgfd-li{width:100%;height:100%}
.new-list h3{margin-bottom:15px;color:#333;font-size:24px}
.new-list .time{color:#999;font-size:14px;}
.new-list .more{display:block;width:140px;height:34px;line-height:34px;color:#999;text-align:center;border:1px solid #999; display: block; margin-top: 8px;}
.f-xx{width:100%; height: 24px; line-height:24px;overflow: hidden; margin-bottom:6px; color:#666}
@media screen and (max-width:768px){
.logo img{
width:250px;
}
.selected-solution>div{
width:100% !important;
}
.header-bottom-area1.navbar-fixed-top.sticky{
position:relative;
}
.mean-container .mean-nav ul li.search-btn{
display:none !important;
}
.th-homepage-3 .header-top-area{
position:absolute;
top:10px;
width:80%;
}
.nav-pills{
display:none;
}
.footer-c-info ul li{
text-align:center;
}
.footer-c-info .widget-title-color{
text-align:center;
}
.links .list{
width:96%;
margin:10px auto;
float:none;
}
.ewm{
display:none;
}
.portfolio-area img{
display:block;
}
.scrolltoTop{
background-color:#fff;
z-index:999999;
}
.swiper-container3{
height:auto !important;
}
.links{
height:auto;
}
.d-none{
display:block !important;
}
.portfolio-area img{
max-width:100% !important;
}
}
.swiper-container3{
position:relative;
height:380px;
overflow:hidden;
}
.swiper-container3 ul li.swiper-slide{
position:relative
height:380px !important;
overflow:hidden;
}
.swiper-container3 ul li .imgTitle{
position:absolute;
text-align:center;
bottom:0;
margin-top:-40px;
left:0;
width:100%;
background-color:rgba(0,0,0,.5);
height:40px;
line-height:40px;
oveflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding-bottom:30px;
}
.swiper-container3 ul li .imgTitle a{
display:block;
color:#fff;
}
.swiper-pagination3{
position:absolute;
bottom:0;
z-index:99999;
right:0;
text-align:right !important;
}
.swiper-pagination-bullet{
background:#fff !important;
}
.scrolltoTop{
background-color:#fff;
z-index:999999;
}
#vsb_content_2 IMG{
width:100% !important;
height:auto !important;
}